<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>家装嘉年华</title>
    <link rel="stylesheet" href="../../css/model.css">
    <link rel="stylesheet" href="../style/home-carnival1016/home.css">
</head>

<body>
    <div class="header"></div>
    <div class="body">
        <div class="title-1"></div>
        <div class="brand">
            <div class="t1"></div>
            <div class="brand-body">
                <ul class="clearfix">
                    <li class="fl">
                        <a href="http://www.cjwsc.com/lists/3530-150118-0.html" target="_blank">
                            <img src="../images/home-carnival1016/main/pc/1.png" alt="">
                        </a>
                    </li>
                    <li class="fl">
                        <a href="http://www.cjwsc.com/lists/3789-150316-0.html" target="_blank">
                            <img src="../images/home-carnival1016/main/pc/2.png" alt="">
                        </a>
                    </li>
                    <li class="fl">
                        <a href="http://www.cjwsc.com/lists/3948-150114-0.html" target="_blank">
                            <img src="../images/home-carnival1016/main/pc/3.png" alt="">
                        </a>
                    </li>
                    <li class="container">
                        <a class="card">
                            <img src="../images/home-carnival1016/main/pc/1.png" alt="">
                            <p>{{name}}</p>
                            <div>
                                <span>购买价:￥<i>{{discountPrice}}</i></span>
                                <i>原售价:￥{{price_on_tag}}</i>
                            </div>
                        </a>
                    </li>
                </ul>
            </div>
            <div class="bg1">
                <a href="http://www.cjwsc.com/lists/3948-150114-0.html" target="_blank">
                    <img src="../images/home-carnival1016/main/pc/more.jpg" alt="">
                </a>
            </div>
        </div>
        <ul class="brand-logo">
            <li>
                <a target="_blank" href="http://www.cjwsc.com/lists/3429-150114-0.html"></a>
                <a target="_blank" href="http://www.cjwsc.com/lists/4007-150114-0.html"></a>
                <a target="_blank" href="http://www.cjwsc.com/lists/4193-150321-0.html"></a>
            </li>
            <li>
                <a target="_blank" href="http://www.cjwsc.com/lists/3841-150602-0.html"></a>
                <a target="_blank" href="http://www.cjwsc.com/lists/4054-150612-0.html"></a>
                <a target="_blank" href="http://www.cjwsc.com/lists/3994-150602-0.html"></a>
            </li>
            <li>
                <a target="_blank" href="http://www.cjwsc.com/lists/3278-150310-0.html"></a>
                <a target="_blank" href="http://www.cjwsc.com/lists/3928-150707-0.html"></a>
                <a target="_blank" href="http://www.cjwsc.com/lists/3977-150701-0.html"></a>
            </li>
            <li>
                <a target="_blank" href="http://www.cjwsc.com/lists/3929-050106-0.html"></a>
                <a target="_blank" href="http://www.cjwsc.com/lists/3855-050703-0.html"></a>
                <a target="_blank" href="http://www.cjwsc.com/lists/3947-050611-0.html"></a>
            </li>
        </ul>
        <div class="branch">
            <div class="branch-head">
                <div class="branch-title"></div>
            </div>
            <ul class="branch-body">
               <li><a href="./son-jiajujc.html" target="_blank"><img src="../images/home-carnival1016/main/pc/branch1.png" alt=""></a></li> 
               <li><a href="./home-wujinkg1026.html" target="_blank"><img src="../images/home-carnival1016/main/pc/branch2.png" alt=""></a></li> 
               <li><a><img src="../images/home-carnival1016/main/pc/branch3.png" alt=""></a><i> <img src="../images/home-carnival1016/main/pc/1106.png" alt=""></i></li> 
               <li><a><img src="../images/home-carnival1016/main/pc/branch4.png" alt=""></a><i> <img src="../images/home-carnival1016/main/pc/1113.png" alt=""></i></li> 
            </ul>
        </div>
        <div class="match">
            <div class="match-head"></div>
            <ul>
                <li class="match-1">
                    <a target="_blank" href="http://www.cjwsc.com/item/136791.html" class="match-1-1"></a>
                    <a target="_blank" href="http://www.cjwsc.com/item/113480.html" class="match-1-2"></a>
                    <a target="_blank" href="http://www.cjwsc.com/item/118616.html" class="match-1-3"></a>
                </li>
                <li class="match-2">
                    <a target="_blank" href="http://www.cjwsc.com/item/130341.html" class="match-2-1"></a>
                    <a target="_blank" href="http://www.cjwsc.com/item/118132.html" class="match-2-2"></a>
                    <a target="_blank" href="http://www.cjwsc.com/item/118132.html" class="match-2-3"></a>
                </li>
                <li class="match-3">
                    <a target="_blank" href="http://www.cjwsc.com/item/135412.html" class="match-3-1"></a>
                    <a target="_blank" href="http://www.cjwsc.com/item/118118.html" class="match-3-2"></a>
                    <a target="_blank" href="http://www.cjwsc.com/item/118118.html" class="match-3-3"></a>
                </li>
                <li class="match-4">
                    <a target="_blank" href="http://www.cjwsc.com/item/108050.html" class="match-4-1"></a>
                    <a target="_blank" href="http://www.cjwsc.com/item/112861.html" class="match-4-2"></a>
                    <a target="_blank" href="http://www.cjwsc.com/item/111220.html" class="match-4-3"></a>
                </li>
            </ul>
        </div>
        <div class="back-top">
            <img src="../images/home-carnival1016/main/pc/back-top.png" alt="">
        </div>
    </div>
    <div class="footer"></div>
     <!-- templat start -->
     <script type="text/html" id="card-tpl">
        <img src="{{pic}}" alt="">
        <p>{{name}}</p>
        <div>
            <span>活动价:￥<i>{{discountPrice}}</i></span>
            <i>原售价:￥{{price_on_tag}}</i>
        </div>
    </script>
    <script type="text/html" id="ctx-tpl">
        {{each $data}}
            <a class="card" target='_blank'></a>
        {{/each}}
    </script>
</body>
<script type="text/javascript" src="../../js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="../../js/art-template.js"></script>
<script src="../../js/login.js"></script>
<script src="../../js/model.js"></script>
<script>
    // init start
    var WWW_URL = 'http://www.cjwsc.com';
    $(".header").topBox();
    $(".footer").footBox();
    // init end

    (function ($, template) {
        var info = [
            [128500,129641,129693,141477,142988,146585]
        ]

        function getData(id, idx, index) {
            $.ajax({
                url: 'http://www.cjwsc.com/qcwdProduct/getProductByIds',
                data: {
                    ids: id,
                    business_type: 10,
                    client_type: 1
                },
                dataType: "jsonp",
                jsonp: 'jsonpcallback',
                success: function (res) {
                    var href = 'http://www.cjwsc.com/item/' + id + '.html';
                    res.msg[0].index = idx + 1;
                    res.msg[0].pic = res.msg[0].pic.replace('240_240', '800_800')
                    var element = index ? $('.container').eq(index).find('.card').eq(idx) : $('.card').eq(idx);
                    element.html(template('card-tpl', res.msg[0])).attr('href', href);
                    if (res.msg[0].stock_num == 0 || res.msg[0].status == 2) element.addClass('masker')
                        .removeAttr('href');
                }
            })
        }

        function setData(info){
            for(var i=0,len=info.length;i<len;i++){
                $('.container').eq(i).html(template('ctx-tpl',info[i]))
                for(var j=0,leng=info[i].length;j<leng;j++){
                    getData(info[i][j],j,i)
                }
            }
        }
        setData(info)

        $('.back-top').on('click', function () {
            $('html,body').animate({
                scrollTop: 0
            }, 500)
        })
    })($, template)
</script>

</html>







